<script src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type='text/javascript'>

    $(document).ready(function() {
	
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
		
        $('#calendar').fullCalendar({
            editable: true,
            firstDay: 1,
            monthNames:[
                'January', 'February', 'March', 'April', 'May', 'June', 'JulyA',
                'August', 'September', 'October', 'November', 'December'],
            events: [
                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1)
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d-5),
                    end: new Date(y, m, d-2)
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d-3, 16, 0),
                    allDay: false
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d+4, 16, 0),
                    allDay: false
                },
                {
                    title: 'Meeting',
                    start: new Date(y, m, d, 10, 30),
                    allDay: false
                },
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                },
                {
                    title: 'Birthday Party',
                    start: new Date(y, m, d+1, 19, 0),
                    end: new Date(y, m, d+1, 22, 30),
                    allDay: false
                },
                {
                    title: 'Click for Google',
                    start: new Date(y, m, 28),
                    end: new Date(y, m, 29),
                    url: 'http://google.com/'
                }
            ]
        });
		
    });

</script>
<script type='text/javascript'>

    $(document).ready(function() {
	
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
		
        $('#calendaravui').fullCalendar({
            editable: true,
            defaultView: 'agendaDay',
            firstDay: 1,
            height: 450,
            monthNamesShort: [
                'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'XXl', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
            ],
            dayNames:['Sunday', 'Monday', 'Tuesday', 'Dimecres',
                'Thursday', 'Friday', 'Saturday'],
            events: [
                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1)
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d-5),
                    end: new Date(y, m, d-2)
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d-3, 16, 0),
                    allDay: false
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d+4, 16, 0),
                    allDay: false
                },
                {
                    title: 'Meeting',
                    start: new Date(y, m, d, 10, 30),
                    allDay: false
                },
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                },
                {
                    title: 'Birthday Party',
                    start: new Date(y, m, d+1, 19, 0),
                    end: new Date(y, m, d+1, 22, 30),
                    allDay: false
                },
                {
                    title: 'Click for Google',
                    start: new Date(y, m, 28),
                    end: new Date(y, m, 29),
                    url: 'http://google.com/'
                }
            ]
        });
		
    });

</script>
<script type='text/javascript'>
    $(document).ready(function() {

        //Cuando el sitio carga...

        $(".tab_content").hide(); //Esconde todo el contenido
        $("#c3tab1").hide()
        $("#c3tab1").show()
        $("#c3tab2").hide()
        $("#c3tab3").hide()

        $("ul.tabs li:first").addClass("active").show(); //Activa la primera tab

        $(".tab_content:first").show(); //Muestra el contenido de la primera tab

        //On Click Event

        $("ul.tabs li").click(function() {

            $("ul.tabs li").removeClass("active"); //Elimina las clases activas

            $(this).addClass("active"); //Agrega la clase activa a la tab seleccionada

            $(".tab_content").hide(); //Esconde todo el contenido de la tab

            var activeTab = $(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido

            $(activeTab).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo

            return false;

        });

    });   
</script>
<script language="javascript" type="text/javascript">
    $(function() {

        var fixHelper = function(e, ui) {
            ui.children().each(function() {
                $(this).width($(this).width());
            });
            return ui;
        };

        $("#sort tbody").sortable({
            helper: fixHelper
        }).disableSelection();
               
    });
            
</script>

<script language="javascript" type="text/javascript">
    $(function() {
        //$( "#dataInici" ).datepicker();
        $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
        $( "#dataInici" ).datepicker( $.datepicker.regional[ "es" ] );
    });
</script>
<script language="javascript" type="text/javascript">
    $(function() {
        //$( "#dataInici" ).datepicker();
        $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
        $( "#dataIniciTasca" ).datepicker( $.datepicker.regional[ "es" ] );
    });
</script>
<script language="javascript" type="text/javascript">
    $(function() {
        //$( "#dataInici" ).datepicker();
        $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
        $( "#dataFiTasca" ).datepicker( $.datepicker.regional[ "es" ] );
    });
</script>